<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>首页-客户管理系统</title>
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
  <link rel="stylesheet" href="/usercp/layui/css/layui.css" media="all">
  <link rel="stylesheet" href="/usercp/style/admin.css" media="all">

  <style>
    .layui-card-body-lk {
      position: relative;
       padding: 0!important;
      line-height: 24px;
    }
    .layui-col-xs3-lk {
      width: 33%;
    }
    .layui-col-space10-lk>* {
      padding: 10px 5px 10px 5px;
      margin-top: 8px;
    }
    .layadmin-shortcut li .layui-icon-lk {
      height: 150px;
      line-height: 70px;
    }


    .layui-icon-lk .num {
        color: #009688;
    }
    .layui-icon-lk .title {
      font-size: 26px;
    }
    .layui-col-xs6-lk {
      width: 90%;
      height: 40%;
    }
    .layadmin-backlog .layadmin-backlog-body-lk {
      padding:0px 15px;
    }

    .layadmin-backlog-body-lk p {
      padding-bottom: 0px;
      padding-top: 10px;
    }
    .layadmin-backlog-body-lk h3 {
      padding-bottom: 0px;
      color: #666;
    }
    .layui-card-body-lk .layadmin-carousel{
      height: 205px !important;
    }

    .layui-card-body-lk2{
      padding: 16px 15px;
      min-height: 173px;
    }
  </style>
</head>
<body>

  <div class="layui-fluid">
    <div class="layui-row layui-col-space15">
      <div class="layui-col-md8">
        <div class="layui-row layui-col-space15">

          <div class="layui-col-md8"> <!-- 我的客户站点 -->
            <div class="layui-card">
              <div class="layui-card-header">我的客户站点</div>
              <div class="layui-card-body layui-col-md8 layui-card-body-lk">
                <div class="layui-carousel layadmin-carousel layadmin-shortcut">
                  <div carousel-item>
                    <ul class="layui-row layui-col-space10-lk">
                      <li class="layui-col-xs3 layui-col-xs3-lk">
                          <i class="layui-icon layui-icon-lk">
                            <b class="num">{$site_count['baidu']}</b>
                            <h5><p class="title">百度</p></h5>
                          </i>
                      </li>
                      <li class="layui-col-xs3 layui-col-xs3-lk">
                        <i class="layui-icon layui-icon-lk">
                          <b class="num">{$site_count['wechat']}</b>
                          <h5><p class="title">微信</p></h5>
                        </i>
                      </li>
                      <li class="layui-col-xs3 layui-col-xs3-lk">
                        <i class="layui-icon layui-icon-lk">
                          <b class="num">{$site_count['alipay']}</b>
                          <h5><p class="title">支付宝</p></h5>
                        </i>
                      </li>
                    </ul>
                  </div>
                </div>
              </div>

              <div class="layui-card-body layui-col-md4 layui-card-body-lk">
                  <div class="layui-carousel layadmin-carousel layadmin-backlog" lay-anim="" lay-indicator="inside" lay-arrow="none" style="width: 100%; height: 280px;">
                    <div carousel-item="">
                      <ul class="layui-row layui-col-space10 layui-this">
                        <li class="layui-col-xs6-lk" style="margin-top: 14px;text-align: center;">
                          <a href="javascript:;" class="layadmin-backlog-body layadmin-backlog-body-lk">
                            <p><cite>{$site_count['total']}</cite></p>
                            <h3>客户站点总数</h3>
                          </a>
                        </li>
                        <li class="layui-col-xs6-lk" style="text-align: center;">
                          <a href="javascript:;" class="layadmin-backlog-body layadmin-backlog-body-lk">
                            <p><cite>{$custom['balance']}</cite></p>
                            <h3>我的可用余额</h3>
                          </a>
                        </li>
                      </ul>
                    </div>
                  </div>
              </div>

            </div>
          </div>

          <div class="layui-col-md4"> <!-- 待办事项 -->
            <div class="layui-card">
              <div class="layui-card-header">我的站点</div>
              <div class="layui-card-body">

                <div class="layui-carousel layadmin-carousel layadmin-backlog">
                  <div carousel-item>
                    <ul class="layui-row layui-col-space10">
                      <li class="layui-col-xs6-lk" style="margin-top: 4px;text-align: center;width: 96%;">
                        <a href="javascript:;" class="layadmin-backlog-body layadmin-backlog-body-lk" style="height: 100%;text-align:auto;">
                          <h2 style="float: left;margin-top: 24px;">即将到期</h2>
                          <h1 style="float: right;margin-top: 26px;margin-right: 20px;"><b>{$mySites['renew']}</b></h1>
                        </a>
                      </li>
                      <li class="layui-col-xs6-lk" style="margin-top: 4px;text-align: center;width: 96%;">
                        <a href="javascript:;" class="layadmin-backlog-body layadmin-backlog-body-lk" style="height: 100%;text-align:auto;">
                          <h2 style="float: left;margin-top: 24px;">已过期</h2>
                          <h1 style="float: right;margin-top: 26px;margin-right: 20px;"><b>{$mySites['invalid']}</b></h1>
                        </a>
                      </li>
                    </ul>
                  </div>
                </div>
              </div>
            </div>
          </div>

        </div>
      </div>

      <div class="layui-col-md4"> <!-- 站点公告 -->
        <div class="layui-card">
          <div class="layui-card-header">站点公告</div>
          <div class="layui-card-body layui-card-body-lk2">
            <div class="layui-collapse" lay-accordion="">

              {foreach $notices as $v}
              <div class="layui-colla-item">
                <h2 class="layui-colla-title">{$v['title']}</h2>
                <div class="layui-colla-content">
                  {$v['content']}
                </div>
              </div>
              {/foreach}

            </div>
          </div>
        </div>
      </div>

      <div class="layui-col-md12">
        <div class="layui-card">
          <div class="layui-card-header">数据概览</div>
          <div class="layui-card-body">

            <div class="layui-carousel layadmin-carousel layadmin-dataview" data-anim="fade" lay-filter="LAY-index-dataview">
              <div carousel-item id="LAY-index-dataview">
                <div><i class="layui-icon layui-icon-loading1 layadmin-loading"></i></div>
                <div></div>
              </div>
            </div>

          </div>
        </div>
      </div>

    </div>
  </div>

  <script src="/usercp/layui/layui.js?t=1"></script>
  <script>
  layui.config({
    base: '/usercp/' //静态资源所在路径
  }).extend({
    index: 'lib/index' //主入口模块
  }).use(['index', 'index/home']);
  </script>
</body>
</html>